<style>
  .progress-container {
    background-color: green;
    border-radius: 10px;
  }

  .progress-bar {
    width: 0;
    height: 100%;
    background-color: greenyellow;
    border-radius: 10px;
    transition: width 0.5s ease;
    text-align: center;
  }
</style>

<dom>
  <div class="progress-container">
    <div $="bar" class="progress-bar"></div>
  </div>
</dom>